<template>
	<fieldset>
		<legend>Home</legend>
		<ul>
			<li v-for="item of product"
				:key="item.id">{{ item.title }}</li>
		</ul>
	</fieldset>
</template>
<script>
	import axios from "axios";
	//展示产品数据 product
	import { mapState } from "vuex";
	export default {
		computed: {
			...mapState("Product", ["product"]),
		},
		mounted() {
			//发送一个get请求

			// axios
			// 	.get("/api/weather/getWeather",{
			//         params:{
			//             key:'2201'
			//         },
			//         headers:{
			//             'key-all':"7777777"
			//         }
			//     })
			// 	.then((res) => {
			// 		console.log(res);
			// 	})
			// 	.catch((err) => {
			// 		console.log(err);
			// 	});

			//post请求的发送方式
			// axios
			//   .post(
			//     "/api/users/login",
			//     { username: "lbw", password: "555" },//携带给后端的数据
			//     {//配置
			//       headers: {
			//         aaaaa: "77777777",
			//       },
			//     }
			//   )
			//   .then((res) => {
			//     console.log(res);
			//   });

			//config模式

			axios({
                //请求地址
				url: "/api/users/login",
                //请求方式
                // method:"post",
				//post请求传递参数
				data: {
                    username:"lbw",
                    password:'555'
                },
				//get请求传递参数
				params: {},
				//是否携带本地的凭据 比如cookie
				withCredentials: true,
				//超时设置
				timeout: 2000,
                //请求头
                headers:{
                    'aaa':'9999'
                }
			})
            .then(res=>{
                console.log(res)
            })
            .catch(err=>{
                console.log(err)
            })
		},
	};
</script>
